<!DOCTYPE HTML>
<html>
<head>
<title>Template News HTML5</title>
<meta name="viewport" content="width=device-width" />
<meta http-equiv="content-language" content="vi" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" rel="stylesheet" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" rel="stylesheet" />
<link href="css/normalize.css" rel="stylesheet" type="text/css" rel="stylesheet" />
<link href="css/reset.css" rel="stylesheet" type="text/css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet" type="text/css" rel="stylesheet" />


<script src="js/jquery-1.7.2.min.js"></script>
<!-- owl -->
<link href="plugin/owl/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="plugin/owl/owl-carousel/owl.theme.css" rel="stylesheet">
<link href="plugin/owl/owl-carousel/owl.transitions.css" rel="stylesheet">

<script src="plugin/owl/owl-carousel/owl.carousel.js"></script>
<script src="plugin/owl/assets/js/google-code-prettify/prettify.js"></script>
<script src="plugin/owl/assets/js/application.js"></script>
</head>
<body>
    <?php include('inc/header.php')?>
    <?php include('inc/navigation2.php')?>
    <section class="itq-container">
        <section class="itq-wrapper">
            <header class="header-top">
                <figure>
                    <a href="#"><img src="images/banner1.jpg"/></a>
                </figure>
            </header><!--header-top-->

            <?php include('inc/navigation.php')?><!--itq-navigation-->
            <section class="home-page">
                <section class="itq-content">
                    <?php include('inc/hotnew.php')?><!--hotnew-->
                    <?php include('inc/featured.php')?><!--feature-->
                    <?php include('inc/customscroll.php')?><!--CustomScrollbar-->
                </section><!--itq-content-->
                <?php include('inc/sidebar-top.php')?><!--sidebar-top-->
            </section><!--home-page-->

            <?php include('inc/multimedia.php')?><!--multimedia-->
            <section class="content-wrap">
                <?php include('inc/category-blue.php')?><!--category-->
                <?php include('inc/category-green.php')?><!--category-->
                <?php include('inc/category-orange.php')?><!--category-->
            </section><!--content-wrap-->

            <aside class="sidebar-content">
                <?php include("inc/slide-pic.php")?><!--sidebar-pic-->
                <?php include("inc/video.php")?><!--video-->
                <?php include("inc/order-list.php")?><!--order-list-->
                <?php include("inc/topic.php")?><!--topic-->
                <?php include("inc/promotedposts.php")?><!--topic-->
            </aside><!--sidebar-content-->
            <?php include('inc/product-ads.php')?><!--product-ads-->

        </section><!--itq-wrapper-->
    </section><!--itq-container-->
    <?php include('inc/footer.php')?>


    <script>
        $(document).ready(function() {
            $(window).scroll(function(){
                if($(this).scrollTop()>150){
                    $('.q-navigation').show();
                }else{
                    $('.q-navigation').hide();
                }
            })
        })
    </script>
    <script>
        $(document).ready(function(){
            $('.home-page .itq-content .hotnew p.controller a.rewind').click(function(){
                $('.home-page .itq-content .hotnew ul li').addClass('active');
            });
            $('.home-page .itq-content .hotnew p.controller a.forward').click(function(){
                $('.home-page .itq-content .hotnew ul li').removeClass('active');    
            });
        })


    </script>
    // script-owl
    <script>
        $(document).ready(function() {
          $("#owl-demo-1").owlCarousel({
            autoPlay : 3000,
            stopOnHover : true,
            navigation:true,
            paginationSpeed : 1000,
            goToFirstSpeed : 2000,
            singleItem : true,
            autoHeight : true,
            transitionStyle:"fade"
          });
        });
    </script>

</body>
</html>